@charset "utf-8";
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:1em;font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}
body{min-width:320px;font-size:1em;color:#000;-webkit-text-size-adjust:none}
img,fieldset{border:0}ul,ol{list-style:none}em,address{font-style:normal}a{color:#000;text-decoration:none}table{border-collapse:collapse}
.clearfix{zoom:1;}
.clearfix:after{content: "."; display: block; height:0; clear: both; visibility:hidden;}
input{outline:none;}

#clear{clear:both;width:100%;background-color:#fff}
#clear:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.floatleft{ float:left;}
.floatright{ float:right;}
.fl{ float:left;}
.fr{ float:right;}
.margin-auto{ margin: 0 auto;}
.hide{display:block;}
a{color:#333333;}
.content{min-height:400px;}
.in-main{min-height:400px;}
.myPreferred{min-height:400px;}
.main{}
/*head*/
header{ min-width:320px;max-width:640px;margin:0 auto;font-size:14px;width:100%;background-color:#ffffff;}
@media screen and (min-width:480px){header{ font-size:20px;}} 
@media screen and (min-width:640px){header{ font-size:28px;}}

/*wrap*/

#wrap{ min-width:320px;max-width:640px;margin:0 auto;font-size:14px;width:100%; position:relative; z-index:99999; overflow:hidden;}
@media screen and (min-width:480px){.ui_all_layer{ font-size:28px;}} 
@media screen and (min-width:640px){.ui_all_layer{ font-size:34px;}}

footer{ min-width:320px;max-width:640px;margin:0 auto;font-size:14px;width:100%;background-color:#ffffff;}
@media screen and (min-width:480px){footer{}} 
@media screen and (min-width:640px){footer{}}
















